<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<html>
	<head>
		<title></title>
       <%@ include file="/common/meta.jsp"%>
       <SCRIPT LANGUAGE="Javascript" SRC="FlashChart/swfobject.js"></SCRIPT>
       	<link rel="stylesheet" type="text/css" href="<s:url value="/grid/gt_grid.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/default/skinstyle.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/china/skinstyle.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/vista/skinstyle.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/mac/skinstyle.css"/>" />
		<script type="text/javascript" src="<s:url value="/grid/gt_msg_cn.js"/>"></script>
		<script type="text/javascript" src="<s:url value="/grid/gt_grid_all.js"/>"></script>
 		<script language="JavaScript" src="<s:url value="/FusionCharts/FusionCharts.js"/>"></script>
 		<style>
 		.ddbox{background-color:#e5ecf9;border-bottom:1px solid #bacddc;padding:2px 5px 2px 5px;font-size:110%;height:25px}
 		.t10 { 
		    BORDER-RIGHT: #ffff00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffff00 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffff00 1px solid; COLOR: #ffff00; PADDING-TOP: 5px; BORDER-BOTTOM: #ffff00 1px solid; HEIGHT: 20px; BACKGROUND-COLOR:#2f4f4f 
		} 
		.t10:hover { 
		    BORDER-RIGHT: #0000ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0000ff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #0000ff 1px solid; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #0000ff 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #c8d8f0 
		}
 		</style>
	</head>
	<body style="margin: 0px; margin: 2px;">
		<table width="100%" cellpadding="0" cellspacing="0" id="conTable" >
			<tr>
			    <td class="lefttop"></td>
			    <td width="%"  class="centertop"></td>
			    <td class="righttop"></td>
		    </tr>
			<tr>
				<td height="26" class="leftcenter">&nbsp;</td>
			    <td class="center" >
			    	查询条件：
			    	<select name="where" style="width:150px">
						<option value="XM">姓名</option>
					</select>
					<input type="text" name="name" value=""/>
					<input type="button" class="button3" value="查&nbsp&nbsp询" onclick="queryDq()">
			    </td>
			   	<td class="rightcenter"></td>
			</tr>	
		   <tr>
			    <td class="leftbot"></td>
			    <td class="centerbot"></td>
			    <td class="rightbot"></td>
		   </tr>
	</table>
	<div id="grid_x_container" style="width:100%;" ></div>
	
	</body>

	<script type="text/javascript">
	
	var APP_PATH = '<c:url value="/"/>';
	var grid_demo_id = "myGrid1";
	var dsOption = {
				fields :  [ 
					{name : 'SBID'},
					{name : 'XM'}, 
					{name : 'BZ'}, 
		   		    {name : 'SEX'}, 
		   		    {name : 'B_NL'},
		   		    {name : 'DWMC'},  
		   		    {name : 'XL_MC'}, 
		   		    {name : 'ZC_MC'}, 
		   		    {name : 'ZYTC'}, 
					{name : 'ZJZ'}, 
					{name : 'ZZBZ'}, 
					{name : 'GFDD'}, 
					{name : 'FWMJ'}, 
					{name : 'FWZE'}
					/*,
					{name : 'url' }
					*/
				]
	};

	var colsOption = [ 
	{
		id : 'BZ',
		header : "状态",
		headAlign:"center",
		width : 70,
		headAlign:"center",
		renderer:function (v,r){
			var ss = "";
			if(r.DC != null && r.DC != ''){
				ss ="<font color=blue>待提交</font>";if(v==5){ss="<font color=blue>已提交</font>";}else if(v==3){ss="<font color=blue>审核通过</font>";}else if(v==4){ss="<font color=blue>审核退回</font>"}
			}else{
				ss = "未报";
			}
			return ss;
		}
	}, {
		id : 'XM',
		header : "姓名",
		width : 100,
		headAlign:"center",
		align : "left"
		
	}, {
		id : 'SFZ',
		header : "身份证",
		width : 150,
		headAlign:"center",
		align : "left"
		
	}, {
		id : 'SEX',
		header : "性别",
		headAlign:"center",
		width : 60,
		align : "center",
		renderer:function (v){var ss ="男";if(v==2){ss="女";} return ss;}
	},{
		id : 'ZZBZ',
		header : "资助标准",
		width : 100,
		headAlign:"center",
		align : "center"
	}, {
		id : 'GFDD',
		header : "购房地点",
		width : 100,
		headAlign:"center",
		align : "center"
	}, {
		id : 'FWMJ',
		header : "房屋面积",
		width : 100,
		headAlign:"center",
		align : "center"
	}, {
		id : 'FWZE',
		header : "房屋总额",
		width : 100,
		headAlign:"center",
		align : "center"
	}
 ];

	var gridOptionx = {
		id : grid_demo_id,
		skin : "vista",
		width : "100%",
		height : getSize().h-60,
		pageSize : 25,
		container : 'grid_x_container',
		showGridMenu : true,
		allowCustomSkin : true,
		allowFreeze : true,
		allowHide : true,
		allowGroup : true,
		stripeRows : true,
		toolbarContent : 'nav | goto | pagesize | reload | export xls | print | filter | state | info',
		pageSizeList : [ 25, 50, 100, 200, 500 ],
		lightOverRow : true,
		showIndexColumn : false,
		dataset : dsOption,
		columns : colsOption,
		remoteSort : true,
		remoteFilter : true,
		loadURL : APP_PATH + '/jfhsbquery!getAjfList.do',
		exportURL : APP_PATH + '/jfhsbquery!exportAjfList.do',
		exportFileName : "列表",
		autoLoad : true,
		showIndexColumn : true,
		parameters:{}
	};
	

	var mygridx = new Sigma.Grid(gridOptionx);
	Event.observe(window, "load", function() {
		mygridx.render();
	}, true);
	

	
	function queryDq(){
		mygridx.query({"name":$F("name"),"where":$F("where")});
	}
	
	</script>

</html>